<div class="content-section implementation">
  <div class="list">
    <div style="width: 50%">
      <h3>Default</h3>
      <lv-progress [lvValue]="10" [lvType]="'circle'"></lv-progress>
      <lv-progress [lvValue]="60" [lvType]="'circle'" [lvStatus]="'error'"></lv-progress>
      <lv-progress [lvValue]="100" [lvType]="'circle'"></lv-progress>
    </div>
    <div style="width: 40%">
      <h3>Small</h3>
      <lv-progress [lvValue]="10" [lvType]="'circle'" [lvWidth]="120" [lvSize]="'small'"></lv-progress>
      <lv-progress [lvValue]="60" [lvType]="'circle'" [lvWidth]="120" [lvSize]="'small'" [lvStatus]="'error'"></lv-progress>
      <lv-progress [lvValue]="100" [lvType]="'circle'" [lvWidth]="120" [lvSize]="'small'"></lv-progress>
    </div>
  </div>
</div>
